<template>
  <!-- 平台授权成功后展示的页面 -->
  <div class="platform-auth">
    <img src="@/assets/image/platform-auth-success.png" alt="" class="su"/>
    <div class="b">
      恭喜您，已绑定{{ platform }}账号成功！
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      platform: '',
      dict: {
        douyin: '抖音',
        kuaishou: '快手'
      }
    }
  },
  mounted () {
    document.title = '授权成功'
    this.platform = this.dict[this.$route.query.platform] || '抖音'
  },

}
</script>
<style scoped>
.platform-auth {
  padding-top: 16vw;
}
.su {
  display: block;
  width: 26.67vw;
  height: 26.67vw;
  margin: 0 auto 16vw;
}
.b {
  text-align: center;
  font-family: Source Sans Pro;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 5.87vw;
  color: #333333;
}
</style>